<template>

  <div style="height: auto;width: 100%;">
    <el-tabs v-model="activeName" type="border-card" @tab-click="handleClick" stretch>
      <el-tab-pane label="用户管理" name="first">
        用户管理2222
        <div style="float: right">1111</div>
      </el-tab-pane>


      <el-tab-pane label="配置管理" name="second">配置管理2111111111111111
      </el-tab-pane>
      <el-tab-pane label="角色管理" name="third">角色管理3</el-tab-pane>
      <el-tab-pane label="定时任务补偿" name="fourth">定时任务补偿4</el-tab-pane>
    </el-tabs>

  </div>


</template>

<script>

let data = {
  tabPosition: 'top',
  activeName: 'second'
}

export default {
  name: "Test",
  data() {
    return data
  },
  methods: {
    handleClick(tab, event) {
      console.log(tab, event);
    },
    created(){
      console.log(this.$store.state.loginStatus)
    }
  },

}

data.activeName='second'


</script>


<style scoped>


</style>
